<!--<template>
  <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div>
  <router-view/>
</template>-->
<template>
  <a-layout>
    <a-layout-header>
      <div>
        <div style="color:#fff;font-size:20px;letter-spacing:3px;float: left;">电力通信工作票管理</div>
        <div style="color:#fff;float: right;">
          <a-avatar style="background-color: #87d068">
            <template #icon>
              <UserOutlined />
            </template>
          </a-avatar>
          {{$store?.state?.loginUser?.name || '请选择登录身份'}}
        </div>
      </div>
    </a-layout-header>
    <a-layout>
      <a-layout-sider theme="light">
        <sider-menu/>
      </a-layout-sider>
      <a-layout-content>
        <div style="height:100%;overflow:auto;max-width: 1366px;margin:0 auto;padding:12px;">
          <router-view></router-view>
        </div>
      </a-layout-content>
    </a-layout>
  </a-layout>
</template>

<script lang="ts">
import SiderMenu from './components/layout/sider-menu.vue'
declare const process:any

export default {
  name: 'App',
  components: {
    SiderMenu
  },
  data () {
    return {
      process
    }
  }
}
</script>
